
require('../less/register.less')

// 字体样式
require('../fonts/iconfont.css')



/* 原生js封装的文档加载事件 相对于jq的$(function(){}) */

document.ready(function () {

     //加载导航守卫

    const tel = document.querySelector('#tel');
    const auth_code = document.querySelector('#auth_code');
    const pwd = document.querySelector('#pwd');
    const pwd1 = document.querySelector('#pwd1');

    // 定义数据来存储验证码  令牌
    let token = '';

    //验证码函数
    function setCaptchaMini() {
        let captcha2 = new CaptchaMini({
            lineWidth: 1, //线条宽度
            lineNum: 2, //线条数量
            dotR: 2, //点的半径
            dotNum: 20, //点的数量
            preGroundColor: [10, 80], //前景色区间
            backGroundColor: [150, 250], //背景色区间
            fontSize: 60, //字体大小
            fontFamily: ['Georgia', '微软雅黑', 'Helvetica', 'Arial'], //字体类型
            fontStyle: 'stroke', //字体绘制方法，有fill和stroke
            content: 'abcdefghijklmnopqrstuvwcanvas', //验证码内容
            length: 3 //验证码长度
        });

        captcha2.draw(document.querySelector('#captcha2'), r => {
            // console.log(r, '验证码2');
            // 把验证码赋给令牌
            token = r;
        });
    }

    // 执行验证码函数
    setCaptchaMini();

    // 注册按钮点击时
    btn.addEventListener('click', function () {
        // 开始判断 手机号
        if (utils.isTel(tel.value)){
            utils.show('fail','手机号不符合规则')
        }else if(!auth_code.value==token){
            utils.show('fail','验证码不正确')
        }else if(utils.isPwd(pwd.value)){
            utils.show('fail','密码不能包含特殊字符')
        }else if(pwd.value!=pwd1.value){
            utils.show('fail','两次密码不一样')
        }else{
            // 发送请求
            axios.post(`${url}/users/add`, {account:tel.value,password:pwd.value})
            .then(function(res){
                res=res.data
                if(res.status===0){
                    // 注册成功
                    utils.show('success','注册成功');
                    setTimeout(() => {
                        location.href='./login.html';
                    }, 1500);
                    
                }else{
                    utils.show('fail','账户已存在')
                }
            })
            .catch(function(error){
                console.log(error)
            })
            
        }
    })



})